﻿@{
}
<style>
    .weui-tab__panel a:active, .weui-tab__panel a:focus {
        background-color: #DDDDDD;
    }

    .weui-grid__icon {
        width: 64px;
        height: 64px;
        margin: 0 auto;
    }

        .weui-grid__icon img {
            border-radius: 100%;
        }
</style>
<div class="weui-tab__panel" id="container">
    <div class="weui-grids">
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(0)">
            <div class="weui-grid__icon">
                <img src="~/images/board/全景.png" alt="">
            </div>
            <p class="weui-grid__label">全景视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(1)">
            <div class="weui-grid__icon">
                <img src="~/images/icons/b1.png" alt="">
            </div>
            <p class="weui-grid__label">参观区</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(14)">
            <div class="weui-grid__icon">
                <img src="~/images//icons/b14.png" alt="">
            </div>
            <p class="weui-grid__label">叶片分拣</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(2)">
            <div class="weui-grid__icon">
                <img src="~/images/icons/green/04_YP.png" alt="">
            </div>
            <p class="weui-grid__label">拼板区1#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(3)">
            <div class="weui-grid__icon">
                <img src="~/images/icons/b3~4.png" alt="">
            </div>
            <p class="weui-grid__label">拼板区2#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(4)">
            <div class="weui-grid__icon">
                <img src="~/images/icons/b5~6.png" alt="">
            </div>
            <p class="weui-grid__label">成型预装区1#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(5)">
            <div class="weui-grid__icon">
                <img src="~/images/icons/b5~6.png" alt="">
            </div>
            <p class="weui-grid__label">成型预装区2#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(6)">
            <div class="weui-grid__icon">
                <img src="~/images/icons/b5~6.png" alt="">
            </div>
            <p class="weui-grid__label">立式组对1#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(7)">
            <div class="weui-grid__icon">
                <img src="~/images/icon_tabbar.png" alt="">
            </div>
            <p class="weui-grid__label">立式组对2#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(8)">
            <div class="weui-grid__icon">
                <img src="~/images/icon_tabbar.png" alt="">
            </div>
            <p class="weui-grid__label">成型后段1#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(9)">
            <div class="weui-grid__icon">
                <img src="~/images/icon_tabbar.png" alt="">
            </div>
            <p class="weui-grid__label">成型后段2#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(10)">
            <div class="weui-grid__icon">
                <img src="~/images/icon_tabbar.png" alt="">
            </div>
            <p class="weui-grid__label">成型后段3#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(11)">
            <div class="weui-grid__icon">
                <img src="~/images/icon_tabbar.png" alt="">
            </div>
            <p class="weui-grid__label">成型后段4#视角</p>
        </a>
        <a href="javascript:" class="weui-grid" role="button" onclick="BoardView(12)">
            <div class="weui-grid__icon">
                <img src="~/images/icon_tabbar.png" alt="">
            </div>
            <p class="weui-grid__label">成型后段5#视角</p>
        </a>
    </div>
</div>
<script type="text/javascript">
    $(function(){
     $("#tab2").attr('aria-selected','true').addClass('weui-bar__item_on');
    });
    var _url = "http://192.168.98.127:8020/CtrPms";
    function BoardView(idx) {
        $.ajax({
            url: _url + "/BoardView?index=" + idx
            , success: function(data) {
                 var $toast = $('#toast');
                 if ($toast.css('display') != 'none') return;
            $toast.fadeIn(100);
            setTimeout(function () {
                $toast.fadeOut(100);
            }, 2000);
            },error:function(){
                var $warnToast = $('#warnToast');
                if ($warnToast.css('display') != 'none') return;
            $warnToast.fadeIn(100);
            setTimeout(function () {
                $warnToast.fadeOut(100);
            }, 2000);
            }
        });
    }
</script>
